$(function () {

    // 给安装增加点击事情
    $('#feature').on('change', function () {

        // 1.获取图片文件
        var file = document.querySelector('#feature').files[0];
        // 2.创建formdata对象
        var formdata = new FormData();
        // 3.在formdata追加数据,img相当于服务器里面那个imgname
        formdata.append('img', file);
        $.ajax({
            type: 'post',
            url: '/uploadFile',
            dataType: 'json',
            data: formdata,
            contentType: false,
            processData: false,
            success: function (res) {
                console.log(res);
                if (res.code == 200) {
                    // 把图片显示出来,设置src属性让浏览器再次解析
                    $('.thumbnail').attr('src', '/uploads/' + res.img).show()
                    // 把隐藏域的img的value修改，方便手机
                    $('[name="feature"]').val(res.img)
                } else {
                    $('.alert-danger>').text(res.msg).fadeIn(1000).delay(2000).fadeOut(1000)
                }








            }







        })












    })

    // 获取分页数据
    $.ajax({

        type: 'get',
        url: '/getAllcate',
        dataType: 'json',
        success: function (res) {

            // console.log(res);
            // 拼接字符串
            // 设置第一个显示的分类
            var str = `<option value="all">所有分类</option>`
            for (let i = 0; i < res.data.length; i++) {

                str += `<option value="${res.data[i].id}">${res.data[i].name}</option>`

            }
            $('#category').html(str)





        }






    })

    CKEDITOR.replace('content')

    //  实现保存新增
    $('.btnsave').on('click', function () {

        CKEDITOR.instances.content.updateElement();
        console.log($('form').serialize());

        if (id) {
            opt('/geteditById')
        } else {
            opt('/addPost')
        }


    })


    function opt(url) {
        $.ajax({

            type: 'post',
            url: url,
            dataType: 'json',
            data: $('form').serialize(),
            success: function (res) {
                console.log(res);

                if (res.code == 200) {
                    // 提示
                    // 跳转
                    location.href = '/admin/posts'
                } else {
                    console.log(res.msg)
                }
            }
        })
    }

    // 获取id,实现文章旧数据覆盖
    let id = itcast.getparameter(location.search);
    console.log(id);


    if (id) {
        $.ajax({
            type: 'get',
            url: '/getpostsById',
            data: id,
            dataType: 'json',
            success: function (res) {
                console.log(res);
                if (res.code === 200) {
                    $('#title').val(res.data.title)
                    $('#content').val(res.data.content)
                    $('#slug').val(res.data.slug)
                    // 显示图片
                    $('.thumbnail').attr('src', '/uploads/' + res.data.feature).show()
                    // 分类
                    $('#category').val(res.data.category_id)
                    $('#status').val(res.data.status)
                    // 修改隐藏域默认不修改提交有数据
                    // 图片隐藏域
                    $('[name=feature]').val(res.data.feature)
                    // id隐藏域
                    $('[name="id"]').val(res.data.id)
                    // 时间
                    $('#created').val(res.data.created)
                }
            }
        })
    }











})